<template>
    <div class="file-error">
        {{errorMsg}}
    </div>
</template>

<script setup>
import {computed} from 'vue';
import { useRoute } from 'vue-router';



const props = defineProps({
    fileData: {
        type: Object,
        default: () => {}
    },
})

const errorMsg = computed(() => {
    if (props.fileData?.materialStatus === 'failed') {
        return '资源转码失败，暂时不能观看。'
    }
    if (props.fileData?.materialStatus === 'transcoding') {
        return '资源正在转码中，暂时不能观看。';
    }
})

</script>

<style lang="scss" scoped>
.file-error {
    height: 458px;
    width: 100%;
    background: #ffffff;
    text-align: center;
    line-height: 458px;
    font-size: 16px;
    font-weight: bold;
    color: var(--srt-main-active-text-color);
}

</style>